<html>
<title>实例方法</title>

<head>
    <script src="./js/vue.js"></script>

</head>

<body>
    <div class="container">
        <h3 ref="title">{{ name }}</h3>
    </div>
    <script>
        //1. $mount手动挂载Vue实例
        var vm = new Vue({
            data: {
                name: "tom"
            }
        }).$mount('.container');

        //2. $destroy销毁Vue实例，解绑全部指定和事件监听器，但是属性数据还在
        //vm.$destroy

        //3. $vm.nextTick(callback) 在Dom更新完成后再执行回调函数，一般在执行数据更新后再使用该方法，以便获取更新后的DOM
        vm.name='汤姆';
        //Dom还没更新完，数据变化之后dom不会立即变化，而是需要一定的时间
        //console.log(vm.$refs.title.textContent);
        vm.$nextTick(function(){
            console.log(vm.$refs.title.textContent);
        })
    </script>
</body>

</html>